<template>
	<section class="wrapper">
		<section class="header">
			<img src="../../assets/images/back.png" alt="" @click="$router.back()">
			<section class="title">{{ $route.meta.title }}</section>
			<span></span>
		</section>
		<section class="content">
			<router-view></router-view>
		</section>
	</section>
</template>
<script>
</script>
<style lang="less" scoped>
	.wrapper {
    display: flex;
    flex-direction: column;
		overflow: auto;
	}
	.header {
    width: 100%;
		padding: 0 0.4rem;
		height: 1.2rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 0.453rem;
		letter-spacing: 1px;
		color: #ffffff;
    background-image: linear-gradient(90deg,
    #2e9cff 0%,
    #1f7eff 100%),
    linear-gradient(
      #000000,
      #000000);
    background-blend-mode: normal,
    normal;
		img {
			width: 0.44rem
		}
	}
	.content {
    flex: 1;
		overflow: auto;
    .wrapper {
      min-height: 100%;
    }
	}
</style>
